<!DOCTYPE html>
<html lang="en-US" dir="ltr">
  <head>
    <meta charset="utf-8">
    
    <title>流程图 | Vue Studio</title>
    <meta name="description" content="vue3 component、directive and template">
    <meta name="generator" content="VitePress v1.3.3">
    <link rel="preload stylesheet" href="/vue-desktop-docs/assets/style.BMxc4X2o.css" as="style">
    
    <script type="module" src="/vue-desktop-docs/assets/app.JbIU71ct.js"></script>
    <link rel="preload" href="/vue-desktop-docs/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="modulepreload" href="/vue-desktop-docs/assets/chunks/theme.BjUYIGhO.js">
    <link rel="modulepreload" href="/vue-desktop-docs/assets/chunks/framework.C6Mn0AED.js">
    <link rel="modulepreload" href="/vue-desktop-docs/assets/chunks/vmp_components.B7eH0t6-.js">
    <link rel="modulepreload" href="/vue-desktop-docs/assets/chunks/data.C6Rv5I_3.js">
    <link rel="modulepreload" href="/vue-desktop-docs/assets/components_flow.md.BWFOOU2z.lean.js">
    <link rel="icon" href="">
    <meta name="viewport" content="width=device-width,height=device-height, maximum-scale=1.0,minimum-scale=1.0">
    <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?119b5519877c96ec2bac58dea8acfafa";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body>
    <div id="app"><div class="Layout" data-v-ff741247><!--[--><!--]--><!--[--><span tabindex="-1" data-v-d317c710></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-d317c710> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ff741247 data-v-d496a4c4><div class="VPNavBar has-sidebar top" data-v-d496a4c4 data-v-dbdf4b99><div class="wrapper" data-v-dbdf4b99><div class="container" data-v-dbdf4b99><div class="title" data-v-dbdf4b99><div class="VPNavBarTitle has-sidebar" data-v-dbdf4b99 data-v-733ea456><a class="title" href="/vue-desktop-docs/" data-v-733ea456><!--[--><!--]--><!--[--><img class="VPImage logo" src="/vue-desktop-docs/logo.svg" alt data-v-fe9b4f1c><!--]--><span data-v-733ea456>Vue Studio</span><!--[--><!--]--></a></div></div><div class="content" data-v-dbdf4b99><div class="content-body" data-v-dbdf4b99><!--[--><!--]--><div class="VPNavBarSearch search" data-v-dbdf4b99><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-dbdf4b99 data-v-aaed27d4><span id="main-nav-aria-label" class="visually-hidden" data-v-aaed27d4> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/vue-desktop-docs/guide/" tabindex="0" data-v-aaed27d4 data-v-0aca8eb0><!--[--><span data-v-0aca8eb0>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/vue-desktop-docs/components/" tabindex="0" data-v-aaed27d4 data-v-0aca8eb0><!--[--><span data-v-0aca8eb0>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/vue-desktop-docs/directives/" tabindex="0" data-v-aaed27d4 data-v-0aca8eb0><!--[--><span data-v-0aca8eb0>指令</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/vue-desktop-docs/utils/" tabindex="0" data-v-aaed27d4 data-v-0aca8eb0><!--[--><span data-v-0aca8eb0>utils</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-dbdf4b99 data-v-866269b0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-866269b0 data-v-45042928 data-v-e2492e27><span class="check" data-v-e2492e27><span class="icon" data-v-e2492e27><!--[--><span class="vpi-sun sun" data-v-45042928></span><span class="vpi-moon moon" data-v-45042928></span><!--]--></span></span></button></div><!----><div class="VPFlyout VPNavBarExtra extra" data-v-dbdf4b99 data-v-9375ef87 data-v-adb166d8><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-adb166d8><span class="vpi-more-horizontal icon" data-v-adb166d8></span></button><div class="menu" data-v-adb166d8><div class="VPMenu" data-v-adb166d8 data-v-23278366><!----><!--[--><!--[--><!----><div class="group" data-v-9375ef87><div class="item appearance" data-v-9375ef87><p class="label" data-v-9375ef87>Appearance</p><div class="appearance-action" data-v-9375ef87><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-9375ef87 data-v-45042928 data-v-e2492e27><span class="check" data-v-e2492e27><span class="icon" data-v-e2492e27><!--[--><span class="vpi-sun sun" data-v-45042928></span><span class="vpi-moon moon" data-v-45042928></span><!--]--></span></span></button></div></div></div><!----><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-dbdf4b99 data-v-df3472bb><span class="container" data-v-df3472bb><span class="top" data-v-df3472bb></span><span class="middle" data-v-df3472bb></span><span class="bottom" data-v-df3472bb></span></span></button></div></div></div></div><div class="divider" data-v-dbdf4b99><div class="divider-line" data-v-dbdf4b99></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ff741247 data-v-a9a790fc><div class="container" data-v-a9a790fc><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-a9a790fc><span class="vpi-align-left menu-icon" data-v-a9a790fc></span><span class="menu-text" data-v-a9a790fc>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-a9a790fc data-v-2d8f0263><button data-v-2d8f0263>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ff741247 data-v-12f3e4fe><div class="curtain" data-v-12f3e4fe></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-12f3e4fe><span class="visually-hidden" id="sidebar-aria-label" data-v-12f3e4fe> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-f5581e34><section class="VPSidebarItem level-0 has-active" data-v-f5581e34 data-v-362a204f><!----><div class="items" data-v-362a204f><!--[--><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/index.html" data-v-362a204f><!--[--><p class="text" data-v-362a204f>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/grid/" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Grid - 网格</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/query.html" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Query - 查询器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/table/" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Table - 表格</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/table-select/" data-v-362a204f><!--[--><p class="text" data-v-362a204f>TableSelect - 表格选择器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/tree.html" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Tree - 树</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/trend.html" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Trend - 趋势</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/filter.html" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Filter - 分类筛选器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/flow.html" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Flow - 流程图</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/dot/" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Dot - 圆点</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/wizard.html" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Wizard - 场景向导</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/upload.html" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Upload - 附件上传（开发中）</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ff741247 data-v-129d407d><div class="VPDoc has-sidebar has-aside" data-v-129d407d data-v-beb5ee4a><!--[--><!--]--><div class="container" data-v-beb5ee4a><div class="aside" data-v-beb5ee4a><div class="aside-curtain" data-v-beb5ee4a></div><div class="aside-container" data-v-beb5ee4a><div class="aside-content" data-v-beb5ee4a><div class="VPDocAside" data-v-beb5ee4a data-v-1850f0ea><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-1850f0ea data-v-7f16107f><div class="content" data-v-7f16107f><div class="outline-marker" data-v-7f16107f></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-7f16107f>On this page</div><ul class="VPDocOutlineItem root" data-v-7f16107f data-v-49ce05e3><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-1850f0ea></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-beb5ee4a><div class="content-container" data-v-beb5ee4a><!--[--><!--]--><main class="main" data-v-beb5ee4a><div style="position:relative;" class="vp-doc _vue-desktop-docs_components_flow" data-v-beb5ee4a><div><h1 id="流程图" tabindex="-1">流程图 <a class="header-anchor" href="#流程图" aria-label="Permalink to &quot;流程图&quot;">​</a></h1><h2 id="简介" tabindex="-1">简介 <a class="header-anchor" href="#简介" aria-label="Permalink to &quot;简介&quot;">​</a></h2><p>支持主流程或无限分支。同时，支持以下<strong>可选功能</strong></p><ul><li>更换节点图标</li><li>节点 Popover、角标</li><li>括号</li><li>连线上下内容自定义</li></ul><h2 id="样例" tabindex="-1">样例 <a class="header-anchor" href="#样例" aria-label="Permalink to &quot;样例&quot;">​</a></h2><h3 id="基础用法" tabindex="-1">基础用法 <a class="header-anchor" href="#基础用法" aria-label="Permalink to &quot;基础用法&quot;">​</a></h3><div class="mdp-demo"><div class="mdp-demo__preview"><!--[--><div class="el-scrollbar"><div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default" style="max-height:1000px;"><div class="el-scrollbar__view" style=""><!--[--><div class="vs-flow" style="width:1301px;"><div><div class="vs-flow-braces"><!--[--><div class="vs-flow-brace" style="left:250px;width:400px;"><div class="vs-flow-brace-main"><div class="vs-flow-brace-content"><!--[--><span class="vs-flow-brace-title">协议起草</span><span class="vs-flow-red">30.0m</span><div class="el-divider el-divider--vertical" style="--el-border-style:solid;" role="separator"><!--v-if--></div><span>10.0h</span><!--]--></div></div></div><!--]--></div><div class="vs-flow-nodes" style="width:1301px;"><!--[--><!--[--><div class="vs-flow-node vs-flow-node-finish el-tooltip__trigger el-tooltip__trigger" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="商机收集">商机收集</div></div><!--teleport start--><!--teleport end--><!--]--><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="风险预判断">风险预判断</div></div><div class="vs-flow-node vs-flow-node-process" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><img src="/vue-desktop-docs/assets/location.Bpsd-LPH.gif" class="vs-flow-icon-process" alt="process" width="30" height="30"></span><div class="vs-flow-node-title" title="协议起草">协议起草</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="协议审批">协议审批</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="协议盖章">协议盖章</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="协议归档">协议归档</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="协议转订单">协议转订单</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="预受理单补录">预受理单补录</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="勘察需求审核">勘察需求审核</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="网络施工">网络施工</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="计费生效确认">计费生效确认</div></div><div class="vs-flow-node vs-flow-node-process" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><img src="/vue-desktop-docs/assets/location.Bpsd-LPH.gif" class="vs-flow-icon-process" alt="process" width="30" height="30"></span><div class="vs-flow-node-title" title="计费生效">计费生效</div></div><div class="vs-flow-node vs-flow-node-wait" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="订单归档">订单归档</div></div><!--]--></div></div><!--[--><div class="vs-flow-branch vs-flow-branch-active" style="margin-left:150px;"><!----><!--[--><div class="vs-flow-branch vs-flow-branch-active vs-flow-branch-corner" style="margin-left:200px;"><!----><!--[--><!--]--><div><!----><div class="vs-flow-nodes" style="width:401px;"><!--[--><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="部门其他人审核">部门其他人审核</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="审核">审核</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="区县管理员审核">区县管理员审核</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="县公司领导审核">县公司领导审核</div></div><!--]--></div></div><!----></div><!--]--><div><div class="vs-flow-braces"><!--[--><div class="vs-flow-brace" style="left:50px;width:200px;"><div class="vs-flow-brace-main"><div class="vs-flow-brace-content"><!--[--><span class="vs-flow-brace-title">预判断单录入</span><span class="vs-flow-red">50.0m</span><div class="el-divider el-divider--vertical" style="--el-border-style:solid;" role="separator"><!--v-if--></div><span>1.7m</span><!--]--></div></div></div><!--]--></div><div class="vs-flow-nodes" style="width:501px;"><!--[--><!--[--><div class="vs-flow-node vs-flow-node-finish el-tooltip__trigger el-tooltip__trigger" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="预判断单录入">预判断单录入</div></div><!--teleport start--><!--teleport end--><!--]--><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="审核1">审核1</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="现场勘察">现场勘察</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="工单回复">工单回复</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="工单归档">工单归档</div></div><!--]--></div></div><!--[--><div class="vs-flow-branch vs-flow-branch-active" style="margin-left:150px;"><!----><!--[--><!--]--><div><!----><div class="vs-flow-nodes" style="width:401px;"><!--[--><div class="vs-flow-node vs-flow-node-process" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><img src="/vue-desktop-docs/assets/location.Bpsd-LPH.gif" class="vs-flow-icon-process" alt="process" width="30" height="30"></span><div class="vs-flow-node-title" title="审1-部门其他人审核">审1-部门其他人审核</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="审核">审核</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="区县管理员审核">区县管理员审核</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="县公司领导审核">县公司领导审核</div></div><!--]--></div></div><!--[--><div class="vs-flow-branch vs-flow-branch-active vs-flow-branch-corner" style="margin-left:350px;"><div class="vs-flow-branch-mask" style="left:-350px;"></div><!--[--><!--]--><div><!----><div class="vs-flow-nodes" style="width:401px;"><!--[--><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="部门其他人审核">部门其他人审核</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="审核">审核</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="区县管理员审核">区县管理员审核</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="县公司领导审核">县公司领导审核</div></div><!--]--></div></div><!----></div><!--]--></div><!--]--></div><div class="vs-flow-branch vs-flow-branch-active" style="margin-left:150px;"><!----><!----><div><!----><div class="vs-flow-nodes" style="width:401px;"><!--[--><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="场景2">场景2</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="审核2">审核2</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="反馈2">反馈2</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="工单归档">工单归档</div></div><!--]--></div></div><!--[--><div class="vs-flow-branch vs-flow-branch-active vs-flow-branch-corner" style="margin-left:150px;"><div class="vs-flow-branch-mask" style="left:-150px;"></div><!--[--><!--]--><div><!----><div class="vs-flow-nodes" style="width:401px;"><!--[--><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="部门其他人审核">部门其他人审核</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="审核">审核</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><div class="vs-flow-label blue">+1.2d</div><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="区县管理员审核">区县管理员审核</div></div><div class="vs-flow-node vs-flow-node-finish" style="width:100px;"><!----><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!--[--><!----><!----><!----><!----><!--]--></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"></path></svg><!--]--></i></span><div class="vs-flow-node-title" title="县公司领导审核">县公司领导审核</div></div><!--]--></div></div><!----></div><!--]--></div><!--]--></div><!--]--></div></div><!--[--><div class="el-scrollbar__bar is-horizontal" style="display:none;"><div class="el-scrollbar__thumb" style="width:;transform:translateX(0%);"></div></div><div class="el-scrollbar__bar is-vertical" style="display:none;"><div class="el-scrollbar__thumb" style="height:;transform:translateY(0%);"></div></div><!--]--></div><!--]--></div><div class="mdp-demo__toolbar"><div class="mdp-demo__btn mdp-demo__btn-copy"><svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" width="20" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2"></path></svg></div><div class="mdp-demo__btn mdp-demo__btn-code"><svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="46" d="M160 368L32 256l128-112M352 368l128-112-128-112M304 96l-96 320"></path></svg></div></div><div class="mdp-demo__code" style="height:0px;visibility:hidden;"><div><!--[--><div class="language-vue vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">vs-flow</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">data</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">flowData</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">pace</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">100</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">renderBraces</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">renderBraces</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">renderNode</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">renderNode</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">sup</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">sup</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    @</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">click</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">e</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(item)</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  /&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> setup</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> lang</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tsx&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { flowData } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;./data&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { ElDivider, ElPopover } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;element-plus&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> hasValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">val</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> /</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">^</span><span style="--shiki-light:#032F62;--shiki-dark:#DBEDFF;">(-)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\d</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">test</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(val) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&amp;&amp;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> parseInt</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(val, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">10</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">!==</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> formatSecond</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> minutesUnit</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 60</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> hourUnit</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 60</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> *</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 60</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> dayUnit</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> hourUnit </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 24</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">!</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">^</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">[+|-]</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\d</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+$</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">test</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(value)) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;-&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> second</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> parseInt</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(value, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">10</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> prefix</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> second </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;-&quot;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> abs</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> Math.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">abs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(second);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> result1</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> abs </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> dayUnit;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> result2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> abs </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> hourUnit;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> result3</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> abs </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> minutesUnit;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (result1 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">prefix</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">parseFloat</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">String</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">result1</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">)).</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">toFixed</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">)</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}d`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (result2 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">prefix</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">parseFloat</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">String</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">result2</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">)).</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">toFixed</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">)</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}h`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (result3 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">prefix</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">parseFloat</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">String</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">result3</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">)).</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">toFixed</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">)</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}m`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">prefix</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">abs</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}m`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> sup</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">node</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">tree</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      {</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">hasValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">node?.timeConsume </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> +</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">node.sla) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;vs-flow-label blue&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;+1.2d&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      ) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> null</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      {</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">parseInt</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(node?.urgingNum, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">10</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;vs-flow-badge yellow&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;督&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      ) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> null</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      {</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">parseInt</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(node?.remindNum, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">10</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;vs-flow-badge red&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;督&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      ) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> null</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      {</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">parseInt</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(node?.overTime, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">10</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;vs-flow-badge pink&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;卡&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      ) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> null</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  );</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> renderNode</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">node</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">element</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (node?.nodeDealExecList?.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">ElPopover</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> title</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{node.nodeName}&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        {{</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">          reference</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: () </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> element,</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">          default</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: () </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;records&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">              {node?.nodeDealExecList?.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">map</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">k</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;record&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> key</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">JSON</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">stringify</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(k)}&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;item&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;label&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;关联单号&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;value&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;{k.extOrderNbr}&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                  &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;item&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;label&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;处理人&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;value&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;{</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">`${</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">k</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">dealObjName</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}(${</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">k</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">dealObjId</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">})`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                  &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;item&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;label&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;处理人电话&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;value&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;{k.phone}&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                  &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;item&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;label&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;开始时间&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;value&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;{k.createDate}&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                  &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">              ))}</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">          ),</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        }}</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;/</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">ElPopover</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    );</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> element;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> renderBraces</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">branch</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> lines</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [];</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  branch?.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">forEach</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">k</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">i</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (Array.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">isArray</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(k?.overFlowSlaList)) {</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      k?.overFlowSlaList?.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">forEach</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">m</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">        const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> end</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> branch?.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">findIndex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">n</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> n.nodeId </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">===</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> m.targetFlowNodeCode);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">        if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (end </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">!==</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> -</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">          lines.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">({</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            start: i,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            end,</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">            content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: (</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">              &lt;&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;vs-flow-brace-title&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;{k?.nodeName}&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;vs-flow-red&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;{</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">formatSecond</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(m?.dealTime)}&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                &lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">ElDivider</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> direction</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;vertical&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;{</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">formatSecond</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(m?.sla)}&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">              &lt;/&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            ),</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">          });</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      });</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  });</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> lines;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br><span class="line-number">50</span><br><span class="line-number">51</span><br><span class="line-number">52</span><br><span class="line-number">53</span><br><span class="line-number">54</span><br><span class="line-number">55</span><br><span class="line-number">56</span><br><span class="line-number">57</span><br><span class="line-number">58</span><br><span class="line-number">59</span><br><span class="line-number">60</span><br><span class="line-number">61</span><br><span class="line-number">62</span><br><span class="line-number">63</span><br><span class="line-number">64</span><br><span class="line-number">65</span><br><span class="line-number">66</span><br><span class="line-number">67</span><br><span class="line-number">68</span><br><span class="line-number">69</span><br><span class="line-number">70</span><br><span class="line-number">71</span><br><span class="line-number">72</span><br><span class="line-number">73</span><br><span class="line-number">74</span><br><span class="line-number">75</span><br><span class="line-number">76</span><br><span class="line-number">77</span><br><span class="line-number">78</span><br><span class="line-number">79</span><br><span class="line-number">80</span><br><span class="line-number">81</span><br><span class="line-number">82</span><br><span class="line-number">83</span><br><span class="line-number">84</span><br><span class="line-number">85</span><br><span class="line-number">86</span><br><span class="line-number">87</span><br><span class="line-number">88</span><br><span class="line-number">89</span><br><span class="line-number">90</span><br><span class="line-number">91</span><br><span class="line-number">92</span><br><span class="line-number">93</span><br><span class="line-number">94</span><br><span class="line-number">95</span><br><span class="line-number">96</span><br><span class="line-number">97</span><br><span class="line-number">98</span><br><span class="line-number">99</span><br><span class="line-number">100</span><br><span class="line-number">101</span><br><span class="line-number">102</span><br><span class="line-number">103</span><br><span class="line-number">104</span><br><span class="line-number">105</span><br><span class="line-number">106</span><br><span class="line-number">107</span><br><span class="line-number">108</span><br><span class="line-number">109</span><br><span class="line-number">110</span><br><span class="line-number">111</span><br><span class="line-number">112</span><br><span class="line-number">113</span><br><span class="line-number">114</span><br><span class="line-number">115</span><br><span class="line-number">116</span><br><span class="line-number">117</span><br><span class="line-number">118</span><br><span class="line-number">119</span><br><span class="line-number">120</span><br><span class="line-number">121</span><br><span class="line-number">122</span><br><span class="line-number">123</span><br><span class="line-number">124</span><br><span class="line-number">125</span><br><span class="line-number">126</span><br><span class="line-number">127</span><br><span class="line-number">128</span><br><span class="line-number">129</span><br><span class="line-number">130</span><br><span class="line-number">131</span><br><span class="line-number">132</span><br><span class="line-number">133</span><br></div></div><!--]--></div></div></div><h3 id="自定义图标、角标和括号" tabindex="-1">自定义图标、角标和括号 <a class="header-anchor" href="#自定义图标、角标和括号" aria-label="Permalink to &quot;自定义图标、角标和括号&quot;">​</a></h3><p>在每个节点右上角添加角标，样式和显示内容完全自定义</p><div class="mdp-demo"><div class="mdp-demo__preview"><!--[--><div class="el-scrollbar"><div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default" style="max-height:1000px;"><div class="el-scrollbar__view" style=""><!--[--><div class="vs-flow vs-flow-lg" style="width:641px;"><div><div class="vs-flow-braces"><!--[--><div class="vs-flow-brace" style="left:80px;width:160px;"><div class="vs-flow-brace-main"><div class="vs-flow-brace-content"><!--[--><span class="vs-flow-brace-title">商机收集</span><span class="vs-flow-red">1天</span><!--]--></div></div></div><div class="vs-flow-brace" style="left:240px;width:160px;"><div class="vs-flow-brace-main"><div class="vs-flow-brace-content"><!--[--><span class="vs-flow-brace-title">商机跟踪</span><span class="vs-flow-red">2天</span><!--]--></div></div></div><!--]--></div><div class="vs-flow-nodes" style="width:641px;"><!--[--><div class="vs-flow-node vs-flow-node-undefined" style="width:160px;"><div class="myBadge">1</div><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!----></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><img src="data:image/svg+xml,%3csvg%20width=&#39;32&#39;%20height=&#39;32&#39;%20viewBox=&#39;0%200%2032%2032&#39;%20fill=&#39;none&#39;%20xmlns=&#39;http://www.w3.org/2000/svg&#39;%3e%3cg%20id=&#39;&amp;%23231;&amp;%23142;&amp;%23175;&amp;%23232;&amp;%23138;&amp;%23130;&#39;%3e%3ccircle%20id=&#39;&amp;%23230;&amp;%23164;&amp;%23173;&amp;%23229;&amp;%23156;&amp;%23134;&amp;%23229;&amp;%23189;&amp;%23162;&#39;%20opacity=&#39;0.3&#39;%20cx=&#39;16&#39;%20cy=&#39;16&#39;%20r=&#39;16&#39;%20fill=&#39;url(%23paint0_linear_832_10669)&#39;/%3e%3ccircle%20id=&#39;&amp;%23230;&amp;%23164;&amp;%23173;&amp;%23229;&amp;%23156;&amp;%23134;&amp;%23229;&amp;%23189;&amp;%23162;_2&#39;%20cx=&#39;16&#39;%20cy=&#39;16&#39;%20r=&#39;12.3077&#39;%20fill=&#39;url(%23paint1_linear_832_10669)&#39;/%3e%3cg%20id=&#39;Frame&#39;%3e%3cpath%20id=&#39;Vector&#39;%20d=&#39;M10.5695%2013.1716C10.5695%2011.6778%2011.8051%2010.4669%2013.3295%2010.4669C14.8546%2010.4669%2016.0902%2011.6778%2016.0902%2013.1716C16.0902%2014.6655%2014.8539%2015.8764%2013.3295%2015.8764C11.8051%2015.8764%2010.5695%2014.6655%2010.5695%2013.1716ZM14.3637%2020.6306V20.4436C14.3637%2019.0647%2015.0822%2017.8531%2016.1659%2017.1389C15.6763%2016.9019%2015.1396%2016.7786%2014.5957%2016.7782H12.2946C10.3251%2016.7782%208.72876%2018.3418%208.72876%2020.2713V20.4967C8.72876%2021.2858%2010.3251%2021.2858%2012.2946%2021.2858H14.4946C14.4051%2021.0791%2014.3604%2020.8558%2014.3637%2020.6306ZM19.264%2012.3047C17.9993%2012.3047%2016.9731%2013.3098%2016.9731%2014.5498C16.9731%2015.7898%2017.9993%2016.7949%2019.264%2016.7949C20.5295%2016.7949%2021.5549%2015.7898%2021.5549%2014.5498C21.5549%2013.3098%2020.5302%2012.3047%2019.264%2012.3047ZM19.264%2012.3047C17.9993%2012.3047%2016.9731%2013.3098%2016.9731%2014.5498C16.9731%2015.7898%2017.9993%2016.7949%2019.264%2016.7949C20.5295%2016.7949%2021.5549%2015.7898%2021.5549%2014.5498C21.5549%2013.3098%2020.5302%2012.3047%2019.264%2012.3047ZM18.4059%2017.544C16.7709%2017.544%2015.4459%2018.8422%2015.4459%2020.4436V20.6306C15.4459%2021.2851%2016.7709%2021.2851%2018.4059%2021.2851H20.3157C21.9499%2021.2851%2023.2742%2021.2611%2023.2742%2020.6306V20.4436C23.2742%2018.8422%2021.9499%2017.544%2020.3157%2017.544H18.4059Z&#39;%20fill=&#39;white&#39;/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id=&#39;paint0_linear_832_10669&#39;%20x1=&#39;32&#39;%20y1=&#39;3.09678&#39;%20x2=&#39;-4.48648&#39;%20y2=&#39;10.8288&#39;%20gradientUnits=&#39;userSpaceOnUse&#39;%3e%3cstop%20stop-color=&#39;%23d9d9d9&#39;/%3e%3cstop%20offset=&#39;1&#39;%20stop-color=&#39;%23d9d9d9&#39;/%3e%3c/linearGradient%3e%3clinearGradient%20id=&#39;paint1_linear_832_10669&#39;%20x1=&#39;28.3076&#39;%20y1=&#39;6.07446&#39;%20x2=&#39;0.241123&#39;%20y2=&#39;12.0221&#39;%20gradientUnits=&#39;userSpaceOnUse&#39;%3e%3cstop%20stop-color=&#39;%23d9d9d9&#39;/%3e%3cstop%20offset=&#39;1&#39;%20stop-color=&#39;%23d9d9d9&#39;/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" height="32" width="32" alt></span><div class="vs-flow-node-title" title="商机收集">商机收集</div></div><div class="vs-flow-node vs-flow-node-undefined" style="width:160px;"><div class="myBadge">2</div><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!----></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><img src="data:image/svg+xml,%3csvg%20width=&#39;32&#39;%20height=&#39;32&#39;%20viewBox=&#39;0%200%2032%2032&#39;%20fill=&#39;none&#39;%20xmlns=&#39;http://www.w3.org/2000/svg&#39;%3e%3cg%20id=&#39;&amp;%23231;&amp;%23142;&amp;%23175;&amp;%23232;&amp;%23138;&amp;%23130;&#39;%3e%3ccircle%20id=&#39;&amp;%23230;&amp;%23164;&amp;%23173;&amp;%23229;&amp;%23156;&amp;%23134;&amp;%23229;&amp;%23189;&amp;%23162;&#39;%20opacity=&#39;0.3&#39;%20cx=&#39;16&#39;%20cy=&#39;16&#39;%20r=&#39;16&#39;%20fill=&#39;url(%23paint0_linear_832_10669)&#39;/%3e%3ccircle%20id=&#39;&amp;%23230;&amp;%23164;&amp;%23173;&amp;%23229;&amp;%23156;&amp;%23134;&amp;%23229;&amp;%23189;&amp;%23162;_2&#39;%20cx=&#39;16&#39;%20cy=&#39;16&#39;%20r=&#39;12.3077&#39;%20fill=&#39;url(%23paint1_linear_832_10669)&#39;/%3e%3cg%20id=&#39;Frame&#39;%3e%3cpath%20id=&#39;Vector&#39;%20d=&#39;M10.5695%2013.1716C10.5695%2011.6778%2011.8051%2010.4669%2013.3295%2010.4669C14.8546%2010.4669%2016.0902%2011.6778%2016.0902%2013.1716C16.0902%2014.6655%2014.8539%2015.8764%2013.3295%2015.8764C11.8051%2015.8764%2010.5695%2014.6655%2010.5695%2013.1716ZM14.3637%2020.6306V20.4436C14.3637%2019.0647%2015.0822%2017.8531%2016.1659%2017.1389C15.6763%2016.9019%2015.1396%2016.7786%2014.5957%2016.7782H12.2946C10.3251%2016.7782%208.72876%2018.3418%208.72876%2020.2713V20.4967C8.72876%2021.2858%2010.3251%2021.2858%2012.2946%2021.2858H14.4946C14.4051%2021.0791%2014.3604%2020.8558%2014.3637%2020.6306ZM19.264%2012.3047C17.9993%2012.3047%2016.9731%2013.3098%2016.9731%2014.5498C16.9731%2015.7898%2017.9993%2016.7949%2019.264%2016.7949C20.5295%2016.7949%2021.5549%2015.7898%2021.5549%2014.5498C21.5549%2013.3098%2020.5302%2012.3047%2019.264%2012.3047ZM19.264%2012.3047C17.9993%2012.3047%2016.9731%2013.3098%2016.9731%2014.5498C16.9731%2015.7898%2017.9993%2016.7949%2019.264%2016.7949C20.5295%2016.7949%2021.5549%2015.7898%2021.5549%2014.5498C21.5549%2013.3098%2020.5302%2012.3047%2019.264%2012.3047ZM18.4059%2017.544C16.7709%2017.544%2015.4459%2018.8422%2015.4459%2020.4436V20.6306C15.4459%2021.2851%2016.7709%2021.2851%2018.4059%2021.2851H20.3157C21.9499%2021.2851%2023.2742%2021.2611%2023.2742%2020.6306V20.4436C23.2742%2018.8422%2021.9499%2017.544%2020.3157%2017.544H18.4059Z&#39;%20fill=&#39;white&#39;/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id=&#39;paint0_linear_832_10669&#39;%20x1=&#39;32&#39;%20y1=&#39;3.09678&#39;%20x2=&#39;-4.48648&#39;%20y2=&#39;10.8288&#39;%20gradientUnits=&#39;userSpaceOnUse&#39;%3e%3cstop%20stop-color=&#39;%230085D0&#39;/%3e%3cstop%20offset=&#39;1&#39;%20stop-color=&#39;%2330AEF6&#39;/%3e%3c/linearGradient%3e%3clinearGradient%20id=&#39;paint1_linear_832_10669&#39;%20x1=&#39;28.3076&#39;%20y1=&#39;6.07446&#39;%20x2=&#39;0.241123&#39;%20y2=&#39;12.0221&#39;%20gradientUnits=&#39;userSpaceOnUse&#39;%3e%3cstop%20stop-color=&#39;%230085D0&#39;/%3e%3cstop%20offset=&#39;1&#39;%20stop-color=&#39;%2330AEF6&#39;/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" height="32" width="32" alt></span><div class="vs-flow-node-title" title="商机跟踪">商机跟踪</div></div><div class="vs-flow-node vs-flow-node-undefined" style="width:160px;"><div class="myBadge">3</div><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!----></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><img src="data:image/svg+xml,%3csvg%20width=&#39;32&#39;%20height=&#39;32&#39;%20viewBox=&#39;0%200%2032%2032&#39;%20fill=&#39;none&#39;%20xmlns=&#39;http://www.w3.org/2000/svg&#39;%3e%3cg%20id=&#39;&amp;%23231;&amp;%23142;&amp;%23175;&amp;%23232;&amp;%23138;&amp;%23130;&#39;%3e%3ccircle%20id=&#39;&amp;%23230;&amp;%23164;&amp;%23173;&amp;%23229;&amp;%23156;&amp;%23134;&amp;%23229;&amp;%23189;&amp;%23162;&#39;%20opacity=&#39;0.3&#39;%20cx=&#39;16&#39;%20cy=&#39;16&#39;%20r=&#39;16&#39;%20fill=&#39;url(%23paint0_linear_832_10672)&#39;/%3e%3ccircle%20id=&#39;&amp;%23230;&amp;%23164;&amp;%23173;&amp;%23229;&amp;%23156;&amp;%23134;&amp;%23229;&amp;%23189;&amp;%23162;_2&#39;%20cx=&#39;16.0001&#39;%20cy=&#39;16&#39;%20r=&#39;12.3077&#39;%20fill=&#39;url(%23paint1_linear_832_10672)&#39;/%3e%3cg%20id=&#39;Frame&#39;%3e%3cpath%20id=&#39;R&#39;%20d=&#39;M16.3628%2010.8C17.4934%2010.8%2018.3841%2011.0933%2019.0347%2011.68C19.6961%2012.256%2020.0268%2013.072%2020.0268%2014.128C20.0268%2015.0027%2019.7974%2015.7173%2019.3388%2016.272C18.8908%2016.8267%2018.2561%2017.184%2017.4348%2017.344C18.0534%2018.0267%2018.6028%2018.736%2019.0828%2019.472C19.5628%2020.208%2020.0214%2021.0507%2020.4588%2022H18.0268C17.5254%2020.9867%2017.0614%2020.1493%2016.6348%2019.488C16.2081%2018.8267%2015.6534%2018.1493%2014.9708%2017.456H13.8188V22H11.1788V10.8H16.3628ZM16.1708%2015.616C16.7148%2015.616%2017.1361%2015.472%2017.4348%2015.184C17.7334%2014.896%2017.8828%2014.544%2017.8828%2014.128C17.8828%2013.7013%2017.7281%2013.3493%2017.4188%2013.072C17.1201%2012.784%2016.7041%2012.64%2016.1708%2012.64H13.8188V15.616H16.1708Z&#39;%20fill=&#39;white&#39;/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id=&#39;paint0_linear_832_10672&#39;%20x1=&#39;32&#39;%20y1=&#39;3.09678&#39;%20x2=&#39;-4.48648&#39;%20y2=&#39;10.8288&#39;%20gradientUnits=&#39;userSpaceOnUse&#39;%3e%3cstop%20stop-color=&#39;%2396C62D&#39;/%3e%3cstop%20offset=&#39;1&#39;%20stop-color=&#39;%23BBEE51&#39;/%3e%3c/linearGradient%3e%3clinearGradient%20id=&#39;paint1_linear_832_10672&#39;%20x1=&#39;28.3078&#39;%20y1=&#39;6.07446&#39;%20x2=&#39;0.241245&#39;%20y2=&#39;12.0221&#39;%20gradientUnits=&#39;userSpaceOnUse&#39;%3e%3cstop%20stop-color=&#39;%2396C62D&#39;/%3e%3cstop%20offset=&#39;1&#39;%20stop-color=&#39;%23BBEE51&#39;/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" height="32" width="32" alt></span><div class="vs-flow-node-title" title="商机转化">商机转化</div></div><div class="vs-flow-node vs-flow-node-undefined" style="width:160px;"><div class="myBadge">4</div><div class="vs-flow-triangle"></div><div class="vs-flow-node-up-area"><!----></div><div class="vs-flow-node-down-area"><!----></div><span class="vs-flow-node-icon"><img src="data:image/svg+xml,%3csvg%20width=&#39;32&#39;%20height=&#39;32&#39;%20viewBox=&#39;0%200%2032%2032&#39;%20fill=&#39;none&#39;%20xmlns=&#39;http://www.w3.org/2000/svg&#39;%3e%3cg%20id=&#39;&amp;%23231;&amp;%23142;&amp;%23175;&amp;%23232;&amp;%23138;&amp;%23130;&#39;%3e%3ccircle%20id=&#39;&amp;%23230;&amp;%23164;&amp;%23173;&amp;%23229;&amp;%23156;&amp;%23134;&amp;%23229;&amp;%23189;&amp;%23162;&#39;%20opacity=&#39;0.3&#39;%20cx=&#39;16&#39;%20cy=&#39;16&#39;%20r=&#39;16&#39;%20fill=&#39;url(%23paint0_linear_832_10675)&#39;/%3e%3ccircle%20id=&#39;&amp;%23230;&amp;%23164;&amp;%23173;&amp;%23229;&amp;%23156;&amp;%23134;&amp;%23229;&amp;%23189;&amp;%23162;_2&#39;%20cx=&#39;16.3077&#39;%20cy=&#39;16.3077&#39;%20r=&#39;12.3077&#39;%20fill=&#39;url(%23paint1_linear_832_10675)&#39;/%3e%3cg%20id=&#39;Frame&#39;%3e%3cpath%20id=&#39;Vector&#39;%20d=&#39;M22.3688%2014.3375L21.4751%2014.2125C21.2767%2014.1844%2021.1157%2014.05%2021.0376%2013.8672C20.861%2013.45%2020.636%2013.0594%2020.3673%2012.7031C20.247%2012.5437%2020.211%2012.3359%2020.286%2012.1516L20.6251%2011.3156C20.7298%2011.0594%2020.6282%2010.7641%2020.3876%2010.6266L18.4548%209.50937C18.2142%209.37031%2017.9095%209.42969%2017.7392%209.64844L17.186%2010.3562C17.0626%2010.5156%2016.8626%2010.5891%2016.6626%2010.5641C16.4438%2010.5359%2016.2204%2010.5203%2015.9938%2010.5203C15.7673%2010.5203%2015.5438%2010.5359%2015.3251%2010.5641C15.1251%2010.5891%2014.9251%2010.5156%2014.8017%2010.3562L14.2485%209.64844C14.0782%209.42969%2013.7735%209.37031%2013.5329%209.50937L11.6001%2010.625C11.3595%2010.7641%2011.2595%2011.0578%2011.3626%2011.3141L11.7017%2012.15C11.7767%2012.3359%2011.7407%2012.5422%2011.6204%2012.7016C11.3517%2013.0578%2011.1251%2013.4484%2010.9501%2013.8656C10.872%2014.05%2010.711%2014.1844%2010.5126%2014.2109L9.61885%2014.3359C9.34385%2014.375%209.13916%2014.6094%209.13916%2014.8875V17.1203C9.13916%2017.3969%209.34385%2017.6312%209.61729%2017.6703L10.511%2017.7953C10.7095%2017.8234%2010.8704%2017.9578%2010.9485%2018.1406C11.1251%2018.5578%2011.3501%2018.9484%2011.6188%2019.3047C11.7392%2019.4641%2011.7751%2019.6719%2011.7001%2019.8562L11.361%2020.6922C11.2563%2020.9484%2011.3579%2021.2437%2011.5985%2021.3812L13.5313%2022.4969C13.772%2022.6359%2014.0767%2022.5766%2014.247%2022.3578L14.8001%2021.65C14.9235%2021.4906%2015.1235%2021.4172%2015.3235%2021.4422C15.5423%2021.4703%2015.7657%2021.4859%2015.9923%2021.4859C16.2188%2021.4859%2016.4423%2021.4703%2016.661%2021.4422C16.861%2021.4172%2017.061%2021.4906%2017.1845%2021.65L17.7376%2022.3578C17.9079%2022.5766%2018.2126%2022.6359%2018.4532%2022.4969L20.386%2021.3812C20.6267%2021.2422%2020.7267%2020.9484%2020.6235%2020.6922L20.2845%2019.8562C20.2095%2019.6719%2020.2454%2019.4641%2020.3657%2019.3047C20.6345%2018.9484%2020.861%2018.5578%2021.036%2018.1406C21.1142%2017.9562%2021.2751%2017.8219%2021.4735%2017.7953L22.3673%2017.6703C22.6423%2017.6312%2022.8454%2017.3969%2022.8454%2017.1203V14.8875C22.8485%2014.6094%2022.6438%2014.375%2022.3688%2014.3375ZM15.9938%2018.1734C14.7954%2018.1734%2013.8235%2017.2016%2013.8235%2016.0031C13.8235%2014.8047%2014.7954%2013.8328%2015.9938%2013.8328C17.1923%2013.8328%2018.1642%2014.8047%2018.1642%2016.0031C18.1642%2017.2016%2017.1923%2018.1734%2015.9938%2018.1734Z&#39;%20fill=&#39;white&#39;/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id=&#39;paint0_linear_832_10675&#39;%20x1=&#39;32&#39;%20y1=&#39;3.09678&#39;%20x2=&#39;-4.48648&#39;%20y2=&#39;10.8288&#39;%20gradientUnits=&#39;userSpaceOnUse&#39;%3e%3cstop%20stop-color=&#39;%23FAAF0C&#39;/%3e%3cstop%20offset=&#39;1&#39;%20stop-color=&#39;%23FBD50D&#39;/%3e%3c/linearGradient%3e%3clinearGradient%20id=&#39;paint1_linear_832_10675&#39;%20x1=&#39;28.6154&#39;%20y1=&#39;6.38214&#39;%20x2=&#39;0.548862&#39;%20y2=&#39;12.3298&#39;%20gradientUnits=&#39;userSpaceOnUse&#39;%3e%3cstop%20stop-color=&#39;%23FAAF0C&#39;/%3e%3cstop%20offset=&#39;1&#39;%20stop-color=&#39;%23FBD50D&#39;/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" height="32" width="32" alt></span><div class="vs-flow-node-title" title="订单归档">订单归档</div></div><!--]--></div></div><!--[--><!--]--></div><!--]--></div></div><!--[--><div class="el-scrollbar__bar is-horizontal" style="display:none;"><div class="el-scrollbar__thumb" style="width:;transform:translateX(0%);"></div></div><div class="el-scrollbar__bar is-vertical" style="display:none;"><div class="el-scrollbar__thumb" style="height:;transform:translateY(0%);"></div></div><!--]--></div><!--]--></div><div class="mdp-demo__toolbar"><div class="mdp-demo__btn mdp-demo__btn-copy"><svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" width="20" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2"></path></svg></div><div class="mdp-demo__btn mdp-demo__btn-code"><svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="46" d="M160 368L32 256l128-112M352 368l128-112-128-112M304 96l-96 320"></path></svg></div></div><div class="mdp-demo__code" style="height:0px;visibility:hidden;"><div><!--[--><div class="language-vue vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">vs-flow</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">data</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">mockData</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">renderIcon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">renderIcon</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">renderCornerMark</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">renderCornerMark</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">renderBraces</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">renderBraces</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;large&quot;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  /&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> setup</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> lang</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tsx&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> Icon1 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;./img/icon1.svg&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> Icon2 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;./img/icon2.svg&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> Icon3 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;./img/icon3.svg&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> Icon4 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;./img/icon4.svg&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> mockData</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  {</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    nodeId: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    nodeName: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;商机收集&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    icon: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;icon1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    brace: [</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      {</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        targetNodeId: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        sla: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;1天&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      },</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    ],</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  },</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  {</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    nodeId: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    nodeName: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;商机跟踪&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    icon: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;icon2&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    brace: [</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      {</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        targetNodeId: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        sla: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;2天&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      },</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    ],</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  },</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  {</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    nodeId: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    nodeName: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;商机转化&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    icon: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;icon3&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  },</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  {</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    nodeId: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    nodeName: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;订单归档&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    icon: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;icon4&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  },</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> renderIcon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (item.icon </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">===</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;icon1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{Icon1} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">height</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">width</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">alt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (item.icon </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">===</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;icon2&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{Icon2} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">height</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">width</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">alt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (item.icon </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">===</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;icon3&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{Icon3} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">height</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">width</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">alt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (item.icon </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">===</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;icon4&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{Icon4} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">height</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">width</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">alt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{Icon1} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">height</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">width</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">alt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> renderBraces</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">branch</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> lines</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [];</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  branch?.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">forEach</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">k</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">i</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (Array.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">isArray</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(k?.brace)) {</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      k?.brace?.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">forEach</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">m</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">        const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> end</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> branch?.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">findIndex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">n</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> n.nodeId </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">===</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> m.targetNodeId);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">        if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (end </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">!==</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> -</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">          lines.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">({</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            start: i,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            end,</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">            content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: (</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">              &lt;&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;vs-flow-brace-title&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;{k?.nodeName}&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;vs-flow-red&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;{m?.sla}&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">              &lt;/&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            ),</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">          });</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      });</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  });</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> lines;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> renderCornerMark</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">node</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;myBadge&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;{node.nodeId}&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">style</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> lang</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;scss&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">.myBadge</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  border-radius</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">100</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">%</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  position</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">absolute</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  top</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">-7</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  left</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">50</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">%</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  z-index</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  height</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">20</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  min-width</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">20</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  line-height</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">20</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  font-size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">12</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">#fff</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  white-space</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">nowrap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  background</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">#f5222d</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  box-shadow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> #fff</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  margin-left</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">6</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br><span class="line-number">50</span><br><span class="line-number">51</span><br><span class="line-number">52</span><br><span class="line-number">53</span><br><span class="line-number">54</span><br><span class="line-number">55</span><br><span class="line-number">56</span><br><span class="line-number">57</span><br><span class="line-number">58</span><br><span class="line-number">59</span><br><span class="line-number">60</span><br><span class="line-number">61</span><br><span class="line-number">62</span><br><span class="line-number">63</span><br><span class="line-number">64</span><br><span class="line-number">65</span><br><span class="line-number">66</span><br><span class="line-number">67</span><br><span class="line-number">68</span><br><span class="line-number">69</span><br><span class="line-number">70</span><br><span class="line-number">71</span><br><span class="line-number">72</span><br><span class="line-number">73</span><br><span class="line-number">74</span><br><span class="line-number">75</span><br><span class="line-number">76</span><br><span class="line-number">77</span><br><span class="line-number">78</span><br><span class="line-number">79</span><br><span class="line-number">80</span><br><span class="line-number">81</span><br><span class="line-number">82</span><br><span class="line-number">83</span><br><span class="line-number">84</span><br><span class="line-number">85</span><br><span class="line-number">86</span><br><span class="line-number">87</span><br><span class="line-number">88</span><br><span class="line-number">89</span><br><span class="line-number">90</span><br><span class="line-number">91</span><br><span class="line-number">92</span><br><span class="line-number">93</span><br><span class="line-number">94</span><br><span class="line-number">95</span><br><span class="line-number">96</span><br><span class="line-number">97</span><br><span class="line-number">98</span><br><span class="line-number">99</span><br><span class="line-number">100</span><br><span class="line-number">101</span><br><span class="line-number">102</span><br><span class="line-number">103</span><br><span class="line-number">104</span><br><span class="line-number">105</span><br><span class="line-number">106</span><br><span class="line-number">107</span><br><span class="line-number">108</span><br><span class="line-number">109</span><br><span class="line-number">110</span><br><span class="line-number">111</span><br><span class="line-number">112</span><br><span class="line-number">113</span><br><span class="line-number">114</span><br><span class="line-number">115</span><br><span class="line-number">116</span><br><span class="line-number">117</span><br></div></div><!--]--></div></div></div><h2 id="api" tabindex="-1">api <a class="header-anchor" href="#api" aria-label="Permalink to &quot;api&quot;">​</a></h2><h3 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h3><table tabindex="0"><thead><tr><th>属性名</th><th>类型</th><th>必传</th><th>默认值</th><th>属性描述</th></tr></thead><tbody><tr><td>data</td><td><a href="#flownode">FlowNode</a>[ ]</td><td>✅</td><td>-</td><td>流程图数据</td></tr><tr><td>pace</td><td><code>number</code></td><td>❌</td><td>160</td><td>节点间距</td></tr><tr><td>sup</td><td>(node, data) =&gt; VNode</td><td>❌</td><td>—</td><td>线上方的内容</td></tr><tr><td>sub</td><td>(node, data) =&gt; VNode</td><td>❌</td><td>—</td><td>下方的内容</td></tr><tr><td>renderNode</td><td>(node, defaultElement) =&gt; VNode</td><td>❌</td><td>—</td><td>重构节点</td></tr><tr><td>renderBraces</td><td>(branch) =&gt; { start:number, end:number, content: VNode }[]</td><td>❌</td><td>—</td><td>括号效果</td></tr><tr><td>renderIcon</td><td>(node, data) =&gt; VNode</td><td>❌</td><td>—</td><td>重置图标</td></tr><tr><td>renderCornerMark</td><td>(node, data) =&gt; VNode</td><td>❌</td><td>—</td><td>角标</td></tr><tr><td>autoHeightMax</td><td>number</td><td>❌</td><td>1000</td><td>画布最大高度，内容高度大于设定值时，才出现垂直滚动条</td></tr><tr><td>size</td><td><span class="tt">enum <span class="ttt"><code>&quot;large&quot;</code></span></span></td><td>❌</td><td>—</td><td>设置节点图标大小</td></tr></tbody></table><h3 id="事件" tabindex="-1">事件 <a class="header-anchor" href="#事件" aria-label="Permalink to &quot;事件&quot;">​</a></h3><table tabindex="0"><thead><tr><th>事件名</th><th>描述</th><th>回调参数</th></tr></thead><tbody><tr><td>click</td><td>点击<code>节点图标</code>时会触发</td><td>(node, data) =&gt; void</td></tr></tbody></table><h2 id="类型声明" tabindex="-1">类型声明 <a class="header-anchor" href="#类型声明" aria-label="Permalink to &quot;类型声明&quot;">​</a></h2><h3 id="flownode" tabindex="-1">FlowNode <a class="header-anchor" href="#flownode" aria-label="Permalink to &quot;FlowNode&quot;">​</a></h3><div class="language-ts vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> FlowNode</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  nodeId</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  nodeName</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  status</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;finish&quot;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;wait&quot;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;timeout&quot;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;error&quot;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;process&quot;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;suspend&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  subFlow</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Flow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[];</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  [</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">anyKey</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Flow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  key</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  nodeInfoList</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> FlowNode</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[];</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  [</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">anyKey</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br></div></div></div></div></main><footer class="VPDocFooter" data-v-beb5ee4a data-v-3565542b><!--[--><!--]--><div class="edit-info" data-v-3565542b><!----><div class="last-updated" data-v-3565542b><p class="VPLastUpdated" data-v-3565542b data-v-e6c1468a>更新时间: <time datetime="2024-11-11T06:09:06.000Z" data-v-e6c1468a></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-3565542b><span class="visually-hidden" id="doc-footer-aria-label" data-v-3565542b>Pager</span><div class="pager" data-v-3565542b><a class="VPLink link pager-link prev" href="/vue-desktop-docs/components/filter.html" data-v-3565542b><!--[--><span class="desc" data-v-3565542b>Previous page</span><span class="title" data-v-3565542b>Filter - 分类筛选器</span><!--]--></a></div><div class="pager" data-v-3565542b><a class="VPLink link pager-link next" href="/vue-desktop-docs/components/dot/" data-v-3565542b><!--[--><span class="desc" data-v-3565542b>Next page</span><span class="title" data-v-3565542b>Dot - 圆点</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
    <script>window.__VP_HASH_MAP__=JSON.parse("{\"components_dot_index.md\":\"CQZKc12W\",\"components_filter.md\":\"C3ZW7Bb0\",\"components_flow.md\":\"BWFOOU2z\",\"components_grid_index.md\":\"CfQS4Kh9\",\"components_index.md\":\"BEHd_uve\",\"components_query.md\":\"B5f2NCyW\",\"components_table-select_index.md\":\"FYGUA5sq\",\"components_table_index.md\":\"Clyvrf1v\",\"components_tree.md\":\"BWQzmPZr\",\"components_trend.md\":\"2bJZvXuc\",\"components_upload.md\":\"D18lfnMj\",\"components_wizard.md\":\"CNypuv-t\",\"directives_index.md\":\"DQJEUmpU\",\"directives_v-copy.md\":\"9Y1U7-bO\",\"directives_v-countdown.md\":\"CcEu94Tn\",\"directives_v-debounce.md\":\"CilW_nu_\",\"directives_v-longpress.md\":\"CZXUvyFD\",\"directives_v-throttle.md\":\"DP1jdBqx\",\"directives_v-time.md\":\"BTkCWdRm\",\"directives_v-watermarker.md\":\"BPEZYyv0\",\"guide_index.md\":\"CzPHXAuN\",\"guide_layout.md\":\"OZCi1Pg6\",\"guide_router.md\":\"BeLNCxyF\",\"guide_theme.md\":\"Rq8N6XUV\",\"guide_todo.md\":\"C6nxd0Dx\",\"index.md\":\"B-8QW4hV\",\"utils_aes.md\":\"BF8TN9u9\",\"utils_http.md\":\"BO45rEB7\",\"utils_index.md\":\"CEOoMzTB\",\"utils_local.md\":\"vKg1EF4c\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Vue Studio\",\"description\":\"vue3 component、directive and template\",\"base\":\"/vue-desktop-docs/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/logo.svg\",\"lastUpdated\":{\"text\":\"更新时间\",\"formatOptions\":{\"dateStyle\":\"medium\",\"timeStyle\":\"medium\"}},\"outline\":\"deep\",\"search\":{\"provider\":\"local\"},\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\"},{\"text\":\"组件\",\"link\":\"/components/\"},{\"text\":\"指令\",\"link\":\"/directives/\"},{\"text\":\"utils\",\"link\":\"/utils/\"}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"link\":\"/guide/index\"},{\"text\":\"关于布局\",\"link\":\"/guide/layout\"},{\"text\":\"路由和菜单\",\"link\":\"/guide/router\"},{\"text\":\"主题\",\"link\":\"/guide/theme\"}],\"/components/\":[{\"text\":\"介绍\",\"link\":\"/components/index\"},{\"text\":\"Grid - 网格\",\"link\":\"/components/grid/\"},{\"text\":\"Query - 查询器\",\"link\":\"/components/query\"},{\"text\":\"Table - 表格\",\"link\":\"/components/table/\"},{\"text\":\"TableSelect - 表格选择器\",\"link\":\"/components/table-select/\"},{\"text\":\"Tree - 树\",\"link\":\"/components/tree\"},{\"text\":\"Trend - 趋势\",\"link\":\"/components/trend\"},{\"text\":\"Filter - 分类筛选器\",\"link\":\"/components/filter\"},{\"text\":\"Flow - 流程图\",\"link\":\"/components/flow\"},{\"text\":\"Dot - 圆点\",\"link\":\"/components/dot/\"},{\"text\":\"Wizard - 场景向导\",\"link\":\"/components/wizard\"},{\"text\":\"Upload - 附件上传（开发中）\",\"link\":\"/components/upload\"}],\"/directives/\":[{\"text\":\"介绍\",\"link\":\"/directives/index\"},{\"text\":\"v-copy - 复制\",\"link\":\"/directives/v-copy\"},{\"text\":\"v-countdown - 倒数\",\"link\":\"/directives/v-countdown\"},{\"text\":\"v-debounce - 防抖\",\"link\":\"/directives/v-debounce\"},{\"text\":\"v-throttle - 节流\",\"link\":\"/directives/v-throttle\"},{\"text\":\"v-longpress - 长按\",\"link\":\"/directives/v-longpress\"},{\"text\":\"v-time - 时间转换\",\"link\":\"/directives/v-time\"},{\"text\":\"v-waterMarker - 水印\",\"link\":\"/directives/v-waterMarker\"}],\"/utils/\":[{\"text\":\"介绍\",\"link\":\"/utils/index\"},{\"text\":\"http - 请求\",\"link\":\"/utils/http\"},{\"text\":\"local - 本地存储\",\"link\":\"/utils/local\"},{\"text\":\"AES - 加解密\",\"link\":\"/utils/aes\"}]}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
    
  </body>
</html>